Ext.define('App.Viewport', {
    extend: 'Ext.container.Viewport',
    layout: 'border',
    alias: 'widget.Viewport',
    requires: ['App.hdfs.view.DirectoryTree'],
    items: [{
        xtype: 'panel',
        height: 80,
        region: 'north',
        border: false,
        bodyStyle: 'background:rgb(0,176,240);',
        html: '<div style="font-size: 40px;line-height:40px;margin-top:30px;margin-left:10px;color: #FFF;text-shadow:5px 1px 6px #333">HDFS manager<div>'
    }, {
        xtype: 'DirectoryTree',
        region: 'center',
        minHeight: 400
    }, {
        xtype: 'panel',
        height: 40,
        region: 'south',
        border: false,
        bodyStyle: 'background:#dfdfdf;',
        html: '<div style="text-align:center;font-size: 12px;line-height: 20px;color: #333;">Copyright ©2019 Bianmaba All Rights Reserved<br/> 80477286@163.com</div>'
    }]
})